<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>添加患者信息</title>
		<meta http-equiv="Window-target" content="_top">
		<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-title" content="标题"/>
		<link rel="apple-touch-icon-precomposed" href="png"/>
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="png"/>	
		<script src="../../js/flexible.debug.js"></script>
		<script src="../../js/flexible_css.debug.js"></script>
		<link rel="stylesheet" type="text/css" href="../../css/Re_patient.css">
	</head>
	<script src="../../js/jquery.js"></script>
	<body>
		<!--有点击事件-->
		<header class="Re_patient_header">
			<p><img src="../../imgs/return.png" class="Re_patient_header_return"></p>
			<p>添加患者信息</p>
		</header>
		
	<main class="main">
			 <section class="conent_top">
					<p>
						<img src="../../imgs/dd_txx.png">
						<input type="text" placeholder="请输入姓名">
					</p>
					<p>
						<img src="../../imgs/dd_infs.png">
						<input type="text" placeholder="请输入身份证号">
						<img src="../../imgs/dd-chian.png" class="china">
					</p>
					<p>
						<img src="../../imgs/dd_icot.png">
						<span>性别</span>
						<b>
							<span class="round"></span> 男
							<span class="round round2"></span> 女
						</b>
					</p>
					<p>
						<img src="../../imgs/dd_dulb.png">
						<a>与患者的关系</a>
					</p>
				
			 </section>
			<!--请求的后台数据-->
			 <section class="conent_bott">
			 	  <section class="conent_bottom inset_bottom ">
			 	  </section>
			</section>
	</main>
		
<!--有点击事件-->
  <footer class="footer">
  		<p>保存</p>
  </footer>
  	
  	
<script>
  $(function(){
  	    //返回
        $('.Re_patient_header_return').click(function(){
  				history.back();
  			})
	 	//男女按钮
	 	$(".round").click(function(){
	 		$(this).addClass("background");      
	 	    $(this).siblings().removeClass("background");
	 	})
		$.ajax({
			type:"GET",                					
			url:"../../json/Re_patient.json",
			success:function(res){
				for(var i = 0; i <res.length; i++ ){
		          var temp = "<div>"+ res[i].name +"</div>";
		          $('.inset_bottom').append(temp);
	            }
			}
		})
			$(".conent_bott").on("click","div",function(){
			 	$(this).addClass("active");      
			 	$(this).siblings().removeClass("active");
			})
  		})	
  			
  		
  	</script>
	</body>
</html>
